<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>志愿详情</title>
    <link rel="stylesheet" href="css/event.css">
    <link rel="stylesheet" href="fonts/iconfont.css">
    <script src="js/remScale.js"></script>
</head>

<body>
    <div class="container">
        <div class="header">
            <div class="wrap">
                <a href="index.html"><img src="images/public/arrow.jpg"></a>
                <h2>志愿详细</h2>
                <div class="points">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>

            </div>
        </div>
        <div class="pic">
            <a href="#">
                <img class="img1" src="images/detail_images/pic0.jpg">

            </a>
            <div class="info">
                <p class="des">"志愿者招募：为社区发声、为社区服务"</p>
                <p class="des">地点：团结屯</p>
                <p class="price">（8/20） <span>(此活动增加信用时长)</span></p>
            </div>
        </div>


        <div class="produce">
            <p>志愿详情</p>
            <img class="p1" src="images/detail_images/pic1.jpg">

        </div>

        <div class="comment">
            <p class="head">志愿留言</p>
            <div class="user">
                <p>Tjuer10086</p>
                <p>关爱老人，很有意义的活动，下次继续来。</p>
                <p> <span><img src="images/detail_images/pic2.jpg"></span>
                </p>
                <span>2023-12-31</span>
            </div>
        </div>
        <div class="more">
            <span>共1000+条评论</span>
            <span>查看更多></span>
        </div>

        <div class="fixed-bar">
            <div class="foot">
                <ul class="clearfix">
                    <li class="btn btn0">关注</li>
                    <li class="btn btn1">留言</li>
                    <li class="btn btn2">我要报名</li>
                </ul>
            </div>
        </div>
    </div>

</body>



</html>
